/*全局*/
html, body{overflow-x: hidden;}
a{color:#555;transition: all .3s}
a:hover{color:#ea5e00}
.layui-fluid{ padding: 0}
.layui-icon{vertical-align: middle;}
.layui-container{padding: 0}
.layui-container[pad15]{padding: 0 15px;}
@media screen and (min-width: 768px) {/*>=768的设备 - 小屏幕优先*/
    .layui-container[pad15]{padding: 0}

}
@media screen and (min-width: 992px) {/*>=992的设备*/
}
@media screen and (min-width: 1200px) {/*>=1200的设备*/
}

/*layUI主色自定义*/
.layui-layout-admin .layui-logo{color:#1E9FFF}
.layui-elem-quote{border-left:3px solid #1E9FFF;background-color:#f2f2f2}
.layui-bg-green{background-color:#1E9FFF!important}
/*.layui-btn{background-color:#1E9FFF;color:#fff;}*/
.layui-btn-primary:hover{border-color:#1E9FFF;color:#333}
.layui-btn-group .layui-btn-primary:hover{border-color:#C9C9C9;color:#1E9FFF}
.layui-laypage a:hover{color:#1E9FFF}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:#1E9FFF}
.layui-laypage input:focus,.layui-laypage select:focus{border-color:#1E9FFF!important}
.layui-upload-drag .layui-icon{color:#1E9FFF}
.layui-upload-drag[lay-over]{border-color:#1E9FFF}
.layui-tree li .layui-tree-check:hover{color:#1E9FFF}
.layui-nav-tree .layui-nav-bar{background-color:#1E9FFF}
.layui-nav-tree .layui-nav-child dd.layui-this,.layui-nav-tree .layui-nav-child dd.layui-this a,.layui-nav-tree .layui-this,.layui-nav-tree .layui-this>a,.layui-nav-tree .layui-this>a:hover{background-color:#1E9FFF;color:#fff}
.layui-tab-brief>.layui-tab-title .layui-this{color:#1E9FFF}
.layui-slider-input-btn i:hover{color:#1E9FFF}

.layui-progress-bar{background-color:#01AAED}
.layui-form-select dl dd.layui-this{background-color:#01AAED;color:#fff}
.layui-form-checked,.layui-form-checked:hover{border-color:#01AAED}
/*.layui-form-checked span,.layui-form-checked:hover span{background-color:#01AAED}*/
.layui-form-checked i,.layui-form-checked:hover i{color:#01AAED}
.layui-form-checkbox[lay-skin=primary]:hover i{border-color:#01AAED;color:#fff}
.layui-form-checked[lay-skin=primary] i{border-color:#01AAED;background-color:#01AAED;color:#fff}
.layui-form-onswitch{border-color:#01AAED;background-color:#01AAED}
.layui-form-radio>i:hover,.layui-form-radioed>i{color:#01AAED}
.layui-table-edit:focus{border-color:#01AAED!important}
.layui-nav .layui-this:after,.layui-nav-bar,.layui-nav-tree .layui-nav-itemed:after{background-color:#01AAED;}
.layui-nav .layui-nav-child dd.layui-this a,.layui-nav-child dd.layui-this{background-color:#01AAED;color:#fff}
.layui-breadcrumb a:hover{color:#01AAED!important}
.layui-tab-brief>.layui-tab-more li.layui-this:after,.layui-tab-brief>.layui-tab-title .layui-this:after{border-bottom:2px solid #01AAED}
.layui-tab-card>.layui-tab-more .layui-this{color:#01AAED}
.layui-timeline-axis{background-color:#fff;color:#01AAED}

/*-----------------------------------------------自定义初始样式-分割线--------------------------------------------------------------------------------------------*/

/*
文本颜色
*/
.lay-txt-main{color: #ea5e00}/*主色 - 通常用于按钮、及任何修饰元素*/
.lay-txt-sub{color: #01AAED}/*场景色 - 用于文字着色，如链接文本、选中状态*/
.lay-txt-dot{color: #FF7200}/*点缀色 - 给人以警觉感,常用于 按钮、提示和修饰性元素，以及一些侧边元素上*/
.lay-txt-black{color:#000}/*黑*/
.lay-txt-white{color: #fff}/*白*/
.lay-txt-gray{color: #999}/*灰*/
.redColor{color: red;}/*红*/
/*
背景颜色
*/
.lay-bg-main,.lay-bg-sub,.lay-bg-dot,.lay-bg-black{color:#fff!important}
.lay-bg-main{background-color:#ea5e00!important}/*主色*/
.lay-bg-sub{background-color:#01AAED!important}/*场景色*/
.lay-bg-dot{background-color:#FF7200!important}/*点缀色*/
.lay-bg-black{background-color:#000!important}/*黑*/
.lay-bg-gray{background-color:#f5f5f5!important}/*背景灰*/
.lay-bg-white{background-color:#fff!important}/*白*/
/*
边框颜色
*/
.lay-bor-main{border-color: #1E9FFF!important}/*主色*/
.lay-bor-sub{border-color: #01AAED!important}/*场景色*/
.lay-bor-dot{border-color: #FF7200!important}/*点缀色*/
.lay-bor-black{border-color:#000!important}/*黑*/
.lay-bor-white{border-color: #fff!important}/*白*/
.lay-bor-gray{border:solid 1px gray}/*灰*/
.lay-bor-red{border: solid 1px red}
/*
边框
*/
.lay-bor-none{border:0}
.lay-bor{border:solid 1px #f2f2f2}
.lay-bor-top{border-top:solid 1px #f2f2f2}
.lay-bor-top-bottom{border-top:solid 1px #f2f2f2;border-bottom:solid 1px #f2f2f2}
.lay-bor-right{border-right:solid 1px #f2f2f2}
.lay-bor-right-top{border-right:solid 1px #f2f2f2;border-top:solid 1px #f2f2f2}
.lay-bor-right-bottom{border-right:solid 1px #f2f2f2;border-bottom:solid 1px #f2f2f2}
.lay-bor-bottom{border-bottom:solid 1px #f2f2f2}
.lay-bor-left{border-left:solid 1px #f2f2f2}
.lay-bor-left-top{border-left:solid 1px #f2f2f2;border-top:solid 1px #f2f2f2}
.lay-bor-left-bottom{border-left:solid 1px #f2f2f2;border-bottom:solid 1px #f2f2f2}
.lay-bor-left-right{border-left:solid 1px #f2f2f2;border-right:solid 1px #f2f2f2}
/*
浮动
*/
.lay-float-none{float:none}
.lay-float-left{float:left}
.lay-float-right{float:right}
/*
文本对齐
*/
.lay-txt-left{text-align:left}
.lay-txt-center{text-align:center}
.lay-txt-right{text-align:right}
.lay-txt-justify{text-align:justify}
/*
文本字号
*/
.lay-txt-large{font-size:24px}
.lay-txt-big{font-size:16px}
.lay-txt{font-size:14px}
.lay-txt-small{font-size:12px}
/*
文本行距
*/
.lay-height-large{line-height:40px}
.lay-height-big{line-height:30px}
.lay-height{line-height:24px}
.lay-height-small{line-height:20px}
.lay-height-little{line-height:16px}
/*
多行文本溢出省略
*/
.lay-txt-elip{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.lay-txt-elip2{overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;line-height: 24px;height: 48px;}
.lay-txt-elip3{overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 3;line-height: 24px;height: 72px;}
.lay-txt-elip4{overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 4;line-height: 24px;height: 96px;}
/*
圆角
*/
.lay-rad-none{border-radius:0}
.lay-rad{border-radius:2px}
.lay-rad-big{border-radius:4px}
.lay-rad-large{border-radius:6px}
.lay-rad-circle{border-radius: 50%;}
/*
margin
*/
.lay-mar-none{margin:0}

.lay-mar-small{margin:3px}
.lay-mar-small-top{margin-top:3px}
.lay-mar-small-top-bottom{margin-top:3px;margin-bottom:3px}
.lay-mar-small-right{margin-right:3px}
.lay-mar-small-right-top{margin-right:3px;margin-top:3px}
.lay-mar-small-right-bottom{margin-right:3px;margin-bottom:3px}
.lay-mar-small-bottom{margin-bottom:3px}
.lay-mar-small-left{margin-left:3px}
.lay-mar-small-left-top{margin-left:3px;margin-top:3px}
.lay-mar-small-left-bottom{margin-left:3px;margin-bottom:3px}
.lay-mar-small-left-right{margin-left:3px;margin-right:3px}

.lay-mar{margin:15px}
.lay-mar-top{margin-top:15px}
.lay-mar-top-bottom{margin-top:15px;margin-bottom:15px}
.lay-mar-right{margin-right:15px}
.lay-mar-right-top{margin-right:15px;margin-top:15px}
.lay-mar-right-bottom{margin-right:15px;margin-bottom:15px}
.lay-mar-bottom{margin-bottom:15px}
.lay-mar-left{margin-left:15px}
.lay-mar-left-top{margin-left:15px;margin-top:15px}
.lay-mar-left-bottom{margin-left:15px;margin-bottom:15px}
.lay-mar-left-right{margin-left:15px;margin-right:15px}

.lay-mar-big{margin:20px}
.lay-mar-big-top{margin-top:20px}
.lay-mar-big-top-bottom{margin-top:20px;margin-bottom:20px}
.lay-mar-big-right{margin-right:20px}
.lay-mar-big-right-top{margin-right:20px;margin-top:20px}
.lay-mar-big-right-bottom{margin-right:20px;margin-bottom:20px}
.lay-mar-big-bottom{margin-bottom:20px}
.lay-mar-big-left{margin-left:20px}
.lay-mar-big-left-top{margin-left:20px;margin-top:20px}
.lay-mar-big-left-bottom{margin-left:20px;margin-bottom:20px}
.lay-mar-big-left-right{margin-left:20px;margin-right:20px}


/*
padding
*/
.lay-pad-none{padding:0}

.lay-pad-small{padding:3px}
.lay-pad-small-top{padding-top:3px}
.lay-pad-small-top-bottom{padding-top:3px;padding-bottom:3px}
.lay-pad-small-right{padding-right:3px}
.lay-pad-small-right-top{padding-right:3px;padding-top:3px}
.lay-pad-small-right-bottom{padding-right:3px;padding-bottom:3px}
.lay-pad-small-bottom{padding-bottom:3px}
.lay-pad-small-left{padding-left:3px}
.lay-pad-small-left-top{padding-left:3px;padding-top:3px}
.lay-pad-small-left-bottom{padding-left:3px;padding-bottom:3px}
.lay-pad-small-left-right{padding-left:3px;padding-right:3px}

.lay-pad{padding:15px}
.lay-pad-top{padding-top:15px}
.lay-pad-top-bottom{padding-top:15px;padding-bottom:15px}
.lay-pad-right{padding-right:15px}
.lay-pad-right-top{padding-right:15px;padding-top:15px}
.lay-pad-right-bottom{padding-right:15px;padding-bottom:15px}
.lay-pad-bottom{padding-bottom:15px}
.lay-pad-left{padding-left:15px}
.lay-pad-left-top{padding-left:15px;padding-top:15px}
.lay-pad-left-bottom{padding-left:15px;padding-bottom:15px}
.lay-pad-left-right{padding-left:15px;padding-right:15px}

.lay-pad-big{padding:20px}
.lay-pad-big-top{padding-top:20px}
.lay-pad-big-top-bottom{padding-top:20px;padding-bottom:20px}
.lay-pad-big-right{padding-right:20px}
.lay-pad-big-right-top{padding-right:20px;padding-top:20px}
.lay-pad-big-right-bottom{padding-right:20px;padding-bottom:20px}
.lay-pad-big-bottom{padding-bottom:20px}
.lay-pad-big-left{padding-left:20px}
.lay-pad-big-left-top{padding-left:20px;padding-top:20px}
.lay-pad-big-left-bottom{padding-left:20px;padding-bottom:20px}
.lay-pad-big-left-right{padding-left:20px;padding-right:20px}

/*-----------------------------------------------自定义样式-分割线--------------------------------------------------------------------------------------------*/
/*分割竖线*/
.lay-mid {display: inline-block;height: 10px;width: 1px;margin: 0 10px;vertical-align: middle;background-color: #e2e2e2;}
/*表单input里面的图标*/
.lay-form-icon .layui-form-item {position: relative;}
.lay-form-icon .layui-form-item .layui-input{padding-left: 38px;}
.lay-form-icon .layui-form-item label{position: absolute;left: 1px;top: 1px;width: 38px;line-height: 36px;text-align: center;color: #d2d2d2;}
/*滑动切换里的文字定位*/
.lay-carousel p{width: 86%;padding:0 12% 0 2%;position: absolute;bottom:-36px;background: rgba(0,0,0,.12); color: #fff; line-height: 36px;transition: all .3s}
.lay-carousel .layui-this p{bottom: 0;}
.lay-carousel .layui-carousel-ind{ text-align: right;top: -28px;}
/*图片上的文字定位高亮*/
.lay-headline{position:relative;background: #000;overflow: hidden}
.lay-headline img{width:100%;transition: all 0.5s;opacity: .7;}
.lay-headline:hover img{ transform: scale(1.1); opacity: 1 }
.lay-headline p{width:70%;text-align:center;color: #FFF;line-height: 1.6em;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;
    display: -webkit-box;-webkit-line-clamp: 2;position: absolute;top: 50%; margin-top: -1.6em;left: 50%; margin-left: -35%;}
/*卡片头部标题*/
.lay-title{color:#555;font-size: 14px}
/*媒体组样式*/
.lay-media{ position: relative;transition: all .5s; border-bottom: 1px solid #f2f2f2;border-radius: 2px;overflow: hidden}
.lay-media-title{font-size:16px}
.lay-media-thumb{overflow: hidden;background:white;position: relative}
.lay-media-thumb img{width: 100%;transition: all .5s;}
.lay-media-note{font-size:14px;color: #999;}
/* .lay-media-meta{} */
/* .lay-media:hover{box-shadow: #ccc 1px 1px 8px;background: #f6f6f6;} */
.lay-media:hover .lay-media-thumb img { transform: scale(1.1);opacity: 1; }
@media screen and (min-width: 768px) {/*>=768的设备 - 小屏幕优先*/
    .lay-media-meta-pa{position: absolute;right: 0;bottom: 15px;}
}
@media screen and (min-width: 992px) {/*>=992的设备*/
}
@media screen and (min-width: 1200px) {/*>=1200的设备*/
}
/*文章标题*/
.lay-title-show{font-size: 18px}
/*文章内容*/
.lay-content{line-height: 26px; color: #333; word-wrap: break-word;}
.lay-content p{margin-bottom:15px;}
.lay-content img{max-width: 100%; cursor: pointer;}
.lay-content a{color:#01AAED}
/*用户导航*/
.lay-user-nav{margin-top: -1px}
.lay-user-nav .layui-this a{color:#01AAED}
.lay-user-nav-item{text-align: center;font-size: 12px;border-left: 1px solid #f2f2f2;border-bottom: 1px solid #f2f2f2;transition: all .2s;}
.lay-user-nav-item:hover{box-shadow: #ccc 1px 1px 8px;background: #f6f6f6;}
@media screen and (min-width: 768px) {/*>=768的设备 - 小屏幕优先*/
    .lay-user-nav-item{text-align: left;font-size: 14px;}
}
@media screen and (min-width: 992px) {/*>=992的设备*/
}
@media screen and (min-width: 1200px) {/*>=1200的设备*/
}